<template>
    <div class="k-input">
        <input 
            type="text" 
            :value="value" 
            @input="$emit('input', $event.target.value)"
            v-bind="$attrs"
        >
        <slot name='header'/>
        <slot name='main' v-bind:input2="input2"/>
        <slot name='footer'/>
    </div>
</template>

<script>
export default {
    inheritAttrs:false,
    props: ['value'],
    data() {
        return {
            input2: "123123"
        }
    },
    created() {
        console.log(this.$attrs)
    }
}
</script>

<style>

</style>